<div class="m4 modal-content">
    <div class="modal-header">
        <div class="time1" ng-init="mode='automatic'">
            <h3>设置投放时间：</h3>
            <div class="btn-group btn-group-sm" role="group">
                <button type="button" class="btn" ng-class="{'btn-primary':(mode=='automatic'), 'btn-default':(mode!='automatic')}" ng-click="mode='automatic';">自动优化</button>
                <button type="button" class="btn" ng-class="{'btn-primary':(mode=='manual'), 'btn-default':(mode!='manual')}" ng-click="mode='manual';" >手动优化</button>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <ul>
                    <li>宝贝在不同时段流量和转化可能有所不同，您可以针对各时段设置不同的折扣出价，提高流量利用效率，<a href=" #">了解详情>></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="modal-body">
        <p>手动设置请直接点击下面方块......</p>
        <table class="table table-bordered">
            <thead>
            <tr>
                <th rowspan="2" colspan="4" class="text-one">星期\时间</th>
                <th colspan="12" class="text-two">00:00 - 06:00</th>
                <th colspan="12" class="text-two">06:00 - 12:00</th>
                <th colspan="12" class="text-two">12:00 - 18:00</th>
                <th colspan="12" class="text-two">18:00 - 24:00</th>
            </tr>
            <tr class="num">
                <td colspan="2">0</td>
                <td colspan="2">1</td>
                <td colspan="2">2</td>
                <td colspan="2">3</td>
                <td colspan="2">4</td>
                <td colspan="2">5</td>
                <td colspan="2">6</td>
                <td colspan="2">7</td>
                <td colspan="2">8</td>
                <td colspan="2">9</td>
                <td colspan="2">10</td>
                <td colspan="2">11</td>
                <td colspan="2">12</td>
                <td colspan="2">13</td>
                <td colspan="2">14</td>
                <td colspan="2">15</td>
                <td colspan="2">16</td>
                <td colspan="2">17</td>
                <td colspan="2">18</td>
                <td colspan="2">19</td>
                <td colspan="2">20</td>
                <td colspan="2">21</td>
                <td colspan="2">22</td>
                <td colspan="2">23</td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td colspan="4" class="week">星期一</td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
                <td class="red"></td>
            </tr>
            <tr>
                <td colspan="4" class="week">星期二</td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
                <td class="orange"></td>
            </tr>
            <tr>
                <td colspan="4" class="week">星期三</td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
                <td class="yellow"></td>
            </tr>
            <tr>
                <td colspan="4" class="week">星期四</td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
                <td class="green"></td>
            </tr>
            <tr>
                <td colspan="4" class="week">星期五</td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
                <td class="cyan"></td>
            </tr>
            <tr>
                <td colspan="4" class="week">星期六</td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
                <td class="blue"></td>
            </tr>
            <tr>
                <td colspan="4" class="week">星期日</td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
                <td class="purple"></td>
            </tr>
            </tbody>
        </table>
        <button class="btn btn-default btn-xs" type="button">全部取消</button>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" type="button" ng-click="ok()">保存设置</button>
        <button class="btn btn-warning" type="button" ng-click="cancel()">取消</button>
    </div>
</div>